.home-page{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    .home-menu{
        padding: 20px 10px;
        .ant-menu{
            font-size: 24px;
            .ant-menu-item-icon{
                font-size: 24px;
            }
        }
    }
    .home-content{
        position: relative;
        flex: 1;
        .home-welcome{
            font-size: 36px;
            display: flex;
            flex-direction: column;
            padding-top: 200px;
            align-items: center;
            height: 100%;
            .task-detail{
                color: blue
            }
            .task-detail:hover{
                border-bottom: 2px solid blue;
            }
        }
        .home-task{
            font-size: 18px;
            padding-top: 25px;
            width: 100%;
            height: 100%;
            .ant-col{
                height: 32px;
            }
            .task-input{
              .col-lable{
                text-align: right;
              }
              .col-btn{
                text-align: left;
                padding-left:20px ;
              }
              .col-btn-hover:hover{
                background-color: black;
              }
            }
            .task-list{
                padding: 15px;
                .task-list-paging{
                    display: flex;
                    justify-content: flex-end;
                    align-items: flex-end;
                    margin-top: 15%;
                }
            }
        }
    }
    
}